<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>会员列表</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<form class="layui-form">
<div class="layui-layout layui-layout-admin">
    <div th:replace="moban::h_menu"></div>
    <div th:replace="moban::v_menu"></div>
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <input type="text" id="starttime" name="starttime" class="layui-input test-item" placeholder="开始时间">
                    </div>
                    <div class="layui-inline">
                        <input type="text" id="endtime" name="endtime" class="layui-input test-item" placeholder="最终时间">
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" name="id" id="demoReload" autocomplete="off" placeholder="请输入会员名">
                    </div>
                    <button class="layui-btn" data-type="reload" type="button" id="sousuo">搜索</button>
                    <button class="layui-btn layui-btn-danger" type="button"  id="add" style="float: right"><i  class="layui-icon layui-icon-add-1" ></i>添加</button>
                </div>
            </div>
            </div>
            <div>
                <table class="layui-hide" id="membasinf"></table>
            </div>
        </div>
    </div>
    <div th:replace="moban::foot"></div>
</div>
</form>
<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/member.js"></script>
<script type="text/html" id="barOption">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="lock" lay-skin="switch" lay-text="启用|禁用" value="{{d.mid}}"   lay-filter="lockDemo" {{ d.mstatus == 0?'' : 'checked' }}>
</script>
<script>
    layui.use(['form', 'laydate','element','table','layer'], function() {
        //点击搜索按钮触发的函数
        $("#sousuo").click(function () { //点击搜索按钮触发的函数
            select();
        })
        var laydate = layui.laydate;
        var element=layui.element;
        var layer=layui.layer;
        var form=layui.form;
        //渲染时间
      lay('.test-item').each(function(){//渲染时间
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });
        //监听锁定操作  修改方法
       form.on('switch(lockDemo)', function(obj){
            layer.tips(this.value + '--' + this.name + '：'+ obj.elem.checked, obj.othis);
            $.post("/update",{"mid":this.value}, function (i) {
                if (i!=1){
                    layer.msg("禁用失败");
                }
                location.reload();
            })
        });
        });
//    添加会员信息
     $("#add").click(function () {//添加会员信息
         layui.layer.open({
             type:2
             ,title: '添加会员',
             content:"insert",//跳转控制器的接口
             area:['400px', '500px']
         });
     })
    //搜索会员信息
    function select() {//搜索会员信息
        var starttime=$("#starttime").val();
        var endtime=$("#endtime").val();
        var mname=$("#demoReload").val();
        //loadData('/selectBytime' ,{"starttime":starttime,"endtime":endtime,"mname":mname})
        if(starttime==null||starttime==''||starttime==undefined){
            alert("请输入开始时间")
           location.reload();
        }
        if(endtime==null||endtime==''||endtime==undefined){
//            layui.layer.open({
//                title: '会员专属'
//                ,content: '请输入结束时间'
//                ,time:5000
//            });
            alert("请输入结束时间")
            location.reload();
        }
        if(starttime!=null&&endtime!=null||starttime!=''&&endtime!=''||starttime!=undefined&&endtime!=undefined){
            loadData('/selectBytime' ,{"starttime":starttime,"endtime":endtime,"mname":mname})
        }
        if(endtime==null&&starttime==null||endtime==''&&starttime==''||endtime==undefined&&starttime==undefined){
            alert("请输入开始时间和结束时间")
            location.reload();
        }

    }
</script>

</body>



</html>
